@import "@/common/constants/StyleConst.scss";

.menu-list {
  border-radius: 8px;

  .action-list:deep {
    text-align: left;
    padding: 0;

    .v-list-item {
      min-height: 40px;

      .check-icon {
        visibility: hidden;
      }

      &:hover {
        background-color: #F4F3F3;

        .v-list-item__title {
          color: #556282;

          .v-list-item__icon {

            .v-icon {
              color: #556282;
            }
          }
        }


        cursor: pointer;
      }
    }

    .list-item-active {
      background-color: #F4F3F3;

      .check-icon {
        visibility: visible;
      }
    }

    .v-list-item__icon {
      vertical-align: middle;

      &.v-list-item__icon:last-of-type:not(:only-child) {
        margin: 0;
        margin-right: 16px;

        .icon {
          font-size: 16px;
        }

        .delete-icon {
          font-size: 20px;
        }
      }
    }

    .text {
      font-size: 14px;
    }
  }
}